<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link  rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css" />
    <script type="text/javascript" src="/Public/js/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="/Public/js/bootstrap.js"></script>
    <script type="text/javascript" src="/Public/js/layer.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小强博客</title>
    <style type="text/css">
        a:hover{
            text-decoration:none;
        }
         p.content{
            height: 60px;
            overflow: hidden;
        }
        .nav-tabs{
            border-bottom: 0px;
        }
        .nav-tabs li a{
            float: left;
            border-radius: 0;
            margin-right: 0;
            color:#3985BF;
        }
        .navbar{
            margin-bottom: 0;
        }
        .nav-tabs li a:hover{
            color:#5386C8;
        }
    </style>
</head>
<nav class="navbar navbar-default ">
    <div class="container">
        <ul class="nav nav-tabs">
            <li class=""><a href="<?php echo U('Index/index');?>" class="active" >首页 </a></li>
            <?php if(is_array($navs)): foreach($navs as $key=>$n): ?><li class=""><a href="<?php echo U($n['url']);?>"><?php echo ($n['name']); ?></a></li><?php endforeach; endif; ?>
        </ul>
    </div>
</nav>
<!--导航条结束-->
<style>
    #links a{
        color: #666666;
    }
</style>
<!--内容列表开始-->
<div id="main" class="container">
    <div class="row ">
        <div class="col-md-8 ">
               <!--文章详细信息-->
            <h4 class="text-center"><b><?php echo ($article['title']); ?></b></h4>
            <div class="article-info-area hidden-xs text-center">

                <small>发布时间:<?php echo (date(("Y-m-d"),$article['add_time'])); ?>浏览:<?php echo ($article['click']); ?></small>

            </div>
            <div class="content">
                <p>
                   <?php echo ($article['content']); ?>
                </p>
            </div>
            <div id="links">
                    <small>作者：<?php echo ($article['author']); ?></small>
                <br>
                <small>有关文章:</small>
                <br>
                <?php if(is_array($hot_article)): foreach($hot_article as $key=>$h): ?><span><a href="<?php echo U('Index/view',array('aid'=>$h['aid']));?>"><?php echo ($h['title']); ?></a></span><br><?php endforeach; endif; ?>
            </div>

        </div>
        <div class="col-md-3 col-md-push-1 " id="category">
            <div style="font-size: 15px;margin-top: 40px;
            margin-bottom: 10px;border-bottom: 1px solid bisque;">所有分类</div>
            <?php echo W('Home/get_all_categorys');?>
            <div style="font-size: 15px;border-bottom: 1px solid bisque;clear: left;
            margin-bottom: 15px;margin-top: 20px;">所有标签</div>
            <?php echo W('Home/get_all_tags');?>


        </div>
        </div>

</div>
    <!--//脚部开始-->

</div>
<div class="panel-footer" id="footer">
          <div class="container">
              <div class="col-md-5 col-md-push-1 span">
        <span style="margin-left: 50px;"> 友情链接：</span>
        <a href="http://www.hurrasport.com" target="_blank" >乌拉体育</a>&nbsp;&nbsp;
        <a href="http://www.oyghanbeg.com" target="_blank">启蒙博客</a>
        <br>
        <span style="margin-left:-35px;">Developed By kuchlen,Powered By ThinkPHP and Bootstrap</span><br>
        <span class="col-md-offset-2">版权所有，违反必究！</span>
              </div>
              <div class="col-md-2">
                  <img src="/Public/img/weixin.png" class="img-responsive tou"  >
              </div>
              <div class="col-md-2 ">
                  <img src="/Public/img/qq.jpg" class="img-responsive tou">
              </div>
          </div>
</div>
</body>
</html>
<style>
    #footer{
        font-size: 13px;
        color: white;
        background-color: #2a363c;
        border-radius: inherit;
    }
    .span{
        margin-top: 35px;
    }
    .tou{
        width:100px;
        height:100px;
    }
    .info-content{
        height:150px;
        padding-top:0;
    }
    #category{
        margin-top:30px;
        padding-right: 0px;
    }
    .nav-tabs{
        border-bottom: 0px;
    }
    .pagination li a{
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .pagination li span{
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #00a0e9;
        border: 1px solid #ddd;
    }
    #title{
        font-size: 15px;
        margin-bottom: 5px;
    }
    #title a{
        color:#3985BF;
    }
    #title a:hover{
        color:#2067BC;
    }
    #main_row{
        margin-top: 40px;
        border-bottom:1px solid antiquewhite;
        padding-bottom: 2px;
    }
</style>